<!DOCTYPE html>
<html>
<head>
    <meta charset="utf8">
    <title>在线音乐网</title>
    <link href="{{ url_for('static',filename='css/pt_discover_index.css') }}" type="text/css" rel="stylesheet">
    <link href="{{ url_for('static',filename='css/pt_frame.css') }}" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="{{ url_for('static',filename='js/jquery-2.2.0.min.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static',filename='js/layer/layer.js') }}"></script>
</head>
<body style=" ">
<div data-module="" data-sub="" id="g_top" class="m-top">
    &nbsp;
</div>
<div id="g_nav" class="m-subnav m-subnav-up f-pr">
    <div class="shadow">
        &nbsp;
    </div>
</div>
<div class="g-bd" style="padding-top:30px;margin-top:-80px;">
    <div class="g-wrap" id="baseBox">
        <ul class="m-tabs f-cb" style="background: #f2d497;">
            <li class="fst">
                <a><em>新增歌手</em>
                </a>
            </li>
        </ul>
        <form onsubmit="return false" action="admin-artistAdd_deal.jsp">
            <div class="n-base f-cb">
                <div class="frm m-frm">
                    <div class="itm">
                        歌手姓名：<input type="text" class="u-txt txt" id="artistName" name="artistName" maxlength="30">
                    </div>
                    <div class="itm">
                        歌手分类：
                       <select name="style" id="style" class="u-txt txt" style="height:auto">
                            {% for v in tag_data.items %}
                            {% if v.name !='其他' %}
                            <option value={{v.id}}>
                                {{v.name}}
                            </option>
                            {% endif %}
                            {% endfor %}
                            <option value=6>
                                其他
                            </option>
                       </select>
                    </div>
                    <div class="itm">
                        歌手图片：<input type="file" class="u-txt txt" id="img" name="img" accept=".jpg">
                    </div>
                    <div class="itm">
                        是否热门：
                        <span>
									<input type="radio" name="isHot" value="1" maxlength="30"> 是
									<input type="radio" name="isHot" value="0" maxlength="30" checked> 否
								</span>
                    </div>
                    <div class="itm ft">
                        <button id="save" type="button">保存</button>
                        <button onclick="history.go(-1)" type="button">返回</button>
                    </div>
                </div>
            </div>
        </form>

    </div>
</div>
<script>
    $('#save').click(function () {
        var artistName = $('#artistName').val();
        var style = $('#style').val();
        var isHot = $("input[name='isHot']:checked").val();
        if (artistName == "") {
            layer.msg("歌手姓名不能为空！", {icon: 2, time: 1000});
            return false;
        }
        var formData = new FormData;
        var file = document.getElementById("img").files[0];
        if (file == undefined || file == '') {
            layer.msg("歌手照片不能为空！", {icon: 2, time: 1000});
            return false;
        }
        formData.append("img", file);
        $.ajax({
            type: 'post',
            url: "{{ url_for('home.uploadImg') }}",
            data: formData,
            dataType: "json",
            cache: false,
            processData: false,
            contentType: false,
            success: function (data) {
                if (data.path != undefined && data.path != "") {
                    $.ajax({                                    // 使用Ajax异步提交
                        url: "{{ url_for('home.manageArtistAdd') }}",   // 提交到的URL
                        type: "POST",                            // 提交方式为POST
                        data: {artistName: artistName, style: style, imgURL: data.path, isHot: isHot},// 传递参数
                        dataType: "json",                       // 数据类型为json
                        success: function (res) {               // 操作成功后执行逻辑
                            if (res.status == 1) {
                                layer.msg(res.message, {icon: 1, time: 2000}, function () {
                                    window.location.href = '/manage_artist_add';
                                });
                            } else {
                                layer.msg(res.message, {icon: 2, time: 2000});   // 提示已收藏
                            }
                        }
                    })
                } else {
                    layer.msg("歌手添加失败！", {icon: 2, time: 1000});
                    return false;
                }

            }
        })
    })
</script>
</body>
</html>
